<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>tfw</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<style type="text/css">
	.layui-fluid{width: 90%;}
	.box_div{text-align: center;height: 80px;border: 1px solid gray;margin: 10px;border-radius: 5px;padding: 5px;}
	.box_div:hover{border: 2px solid gray;}
	.layui-col-sm3{margin: 5px;}
	.from-name-label{width: 150px!important;}
	iframe{margin:  0px auto;padding:  0px;width:  100%;border:  0px;}
	.iframe_parent_div{width:  90%;margin:  0px auto;}
    
</style>
<link rel="stylesheet" href="/layui-v2.4.5/layui/css/layui.css" />
<script type="text/javascript" src="/jquery-easyui-1.4.5/jquery.min.js"></script>

<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]--> 
</head>
<body>
<!-- 1. 表单1 -->
<div class="layui-tab">
  <ul class="layui-tab-title">
    <li id="tag_html_1"	class="layui-this">图形1</li>
    <li id="tag_html_2">新增</li>
    <li id="tag_html_3">修改</li>
    <li id="tag_html_4">开源机构&nbsp;/&nbsp;组织</li>
  </ul>
  <div class="layui-tab-content">
  
    <div class="layui-tab-item layui-show iframe_parent_div">
    	<iframe id="iframe_html_1" style="height: 6000px;"></iframe> 
    </div>
    
    <div class="layui-tab-item iframe_parent_div">
		<iframe id="iframe_html_2" style="height: 1000px;"></iframe> 
    </div>
    
    <div class="layui-tab-item iframe_parent_div">
		<iframe id="iframe_html_3" style="height: 1000px;"></iframe> 
    </div>
    
    <div class="layui-tab-item iframe_parent_div">
    	<div class="layui-fluid" >
			<div class="layui-row">
				<a th:each="tmf,index : ${allTmf}" class="layui-col-sm2 box_div" th:href="${tmf.oschinaUrl}" target="_blank">
					<div class="image_div">
						<img alt="" th:src="${tmf.iconUrl}" style="height: 45px;">
					</div>
					<div class="content_div">
						<span th:text="${tmf.mName}"></span>
					</div>
				</a>
			</div>
		</div>
    </div>
    
  </div>
</div>

		
<script type="text/javascript" src="/layui-v2.4.5/layui/layui.all.js"></script>
<script type="text/javascript">
$(function(){
	refreshAllTags();
	
	$('#tag_html_1,#tag_html_2,#tag_html_3,#tag_html_4').dblclick(function(){
		refreshAllTags();
	});
	
});

// 追加HTML代码（使用ajax将HTML追加到页面中）
function refreshAllTags(){
	$('#iframe_html_1').prop("src", "/tfw/table/html");
	$('#iframe_html_2').prop("src", "/tfw/add/html");
	$('#iframe_html_3').prop("src", "");
}

// 跳转到修改页面
function goUpdate(id){
	$('#iframe_html_3').prop("src", "/tfw/update/html?id=" + id);//加载页面
	$('#tag_html_3').trigger("click");//跳转页面
}

// 跳转到新增页面
function goAdd(){
	$('#iframe_html_2').prop("src", "/tfw/add/html");//加载页面
	$('#tag_html_2').trigger("click");//跳转页面
}

</script>
<script type="text/javascript" 
	color="0,0,255" opacity='0.8' count="300" zIndex="-2"  
	src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
<!-- 
	配置：
	color 		颜色：默认是（0，0，0），格式是（R,G,B）
	opacity 	透明度：（0-1），默认0.5
	count		线段的数量：默认0.5
	zIndex		Z轴：默认-1 
-->
</body>
</html>